<!DOCTYPE html>
<html>
<head><title>TexAgs Chrome Extension Option Page</title>
<style>
body
{
background-color:#500000;
}
h1
{
color:#8f8f8c;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
color:#8f8f8c
}
.multiselect
{
   width:300px;
   height:400px;
   overflow-x:scroll;
}

</style>

</head>
<body>
<script type="text/javascript" src="jscolor/jscolor.js"></script>

<h1>TexAgs Chrome Extension Options</h1>

<select id="watchlist_selector" multiple="multiple" class="multiselect"></select>

<br>
<input type="text" id="user_name" value=""><button id="add">Add</button><br>
<button id="default">Reset to Default</button><button id="remove">Remove Selected</button>
<button id="save">Save</button>
<br>
Watchlist Color:   <input id="watchlist_color" class="color {pickerClosable:true}" value="770022" >
<br>
Posted Color:   <input id="posted_color" class="color {pickerClosable:true}" value="33FF33" >
<br>
Started Color:   <input id="started_color" class="color {pickerClosable:true}" value="3333FF" >
<br>
<b>TODO: Fix Restore Default <br>
      Test/Fix Add/Remove User <br>
      Add other watch lists <br>
      Make the page look nice <br>

</b>

</body>

<script type="text/javascript" src="texags.js"></script>
<script type="text/javascript" src="option_page.js"></script>

</html>
